<template>
	<view>
		<view id="wrap">
			<view id="inner">
				<view class="item" v-for="item in  mobileList" style="margin-left:90rpx;">
					{{item}}
				</view>

			</view>
		</view>

		<!-- <view id="wrap" style="margin-top: 30rpx;">
			<view id="inner">
				<view class="item" v-for="item in  mobileList">
					{{item}}
				</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mobileList: [

					'137****0831 抢到了双节棍',
					'152****0546抢到了双节棍',
					'177 **** 8083 抢到了双节棍',
					'187 **** 4088 抢到了双节棍',
					'138****8541抢到了双节棍',
					'177 **** 8012抢到了双节棍',
					'192 **** 4000 抢到了双节棍',
					'131****8541抢到了双节棍',
					'152****0546抢到了双节棍',
					'177 **** 7080 抢到了双节棍',
					'187 **** 4725 抢到了双节棍',
					'152****0546抢到了双节棍',
					'177 **** 4959 抢到了双节棍',
					'187 **** 3312 抢到了双节棍',
					'191 **** 5273 抢到了双节棍',
					'159 **** 8413 抢到了双节棍',
					'158****7451抢到了双节棍',
					'173****5236抢到了双节棍',



				]
			};
		}
	}
</script>

<style lang="scss" scoped>
	#wrap {

		overflow: hidden;
		position: relative;
		/* width: 800rpx; */
		height: 58rpx;
		white-space: nowrap;
		width: 100%;

	}

	#inner {
		position: absolute;
		animation: slide 70s linear infinite;
	}

	.item {
		display: inline-block;
		text-align: center;
		box-sizing: border-box;
		margin-left: 30rpx;

		width: 400rpx;
		height: 54rpx;
		line-height: 54rpx;
		background: #160B05;
		border-radius: 27rpx;

		font-family: PingFang SC;
		font-weight: 500;
		font-size: 24rpx;
		color: #FAFCF4;
	
		

	}


	@keyframes slide {
		0% {
			transform: translateX(0);
		}

		100% {
			transform: translateX(-100%);
		}
	}
</style>